<template>
  <view :style="{
    padding:'0px '+properties.setStyle.pageMargin+'px',
      'background-color': properties.setStyle.backgroundColor,
  }">
    <view :style="{
      'border-radius': properties.setStyle.borderRadius +'px'
    }">
      <uv-parse :content="content" :tagStyle="{'p':'text-indent: 2em'}"></uv-parse>
    </view>
  </view>
</template>
<script>
// 分割线
export default {
  name: "RichText",
  data() {
    return {}
  },
  props: {
    content: {
      type: String,
      default: function () {
        return `<p><br></p><p style="text-align: center;">暂无内容</p>`
      }
    },
    properties: {
      type: Object,
      default: function () {
        return {
          "setStyle": {
            "pageMargin": 20,
            "backgroundColor": "#ffffff",
            "borderRadius": 0
          }
        }
      }
    },
    methods: {},
    onShow() {
      console.log("---", this.properties)
    }
  }
}
</script>

<style scoped lang="scss">

</style>
